Fork me on GitHub

Hexo NexT 主题内加入动态背景

主题内新添加内容

_layout.swig

找到 themes\next\layout\_layout.swig 文件,添加内容:
<body> 里添加:

<div class="bg_content">
  <canvas id="canvas"></canvas>
</div>

仍是该文件,在末尾添加:

<script type="text/javascript" src="/js/src/dynamic_bg.js"></script>

dynamic_bg.js

themes\next\source\js\src 中新建文件dynamic_bg.js,代码链接中可见:dynamic_bg.js

custom.styl

themes\next\source\css\_custom\custom.styl 文件末尾添加内容:

.bg_content {
  position: fixed;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

以上整理主要参照下面的文档,如涉及侵权请联系本人,进行删除。

参考:

Hexo NexT 主题内加入动态背景

赞赏是最好的支持与鼓励!
-------------本文结束感谢您的阅读-------------